<template>
	<div class="nr">
		<h3>指标详情</h3>
		<div class="xjb-xq" v-if="diDuanPeiTao">
			<p><i>交通配套</i> (1公里以内)</p>
			<p><span>附近公交:</span><b>{{diDuanPeiTao.nearbyPublicTransport}}</b></p>
			<p><span>地铁路线:</span><b>{{diDuanPeiTao.subwayRoute}}</b></p>
			<p><span>是否双地铁:</span><b>{{diDuanPeiTao.doubleSubway}}</b></p>
		</div>
		<div class="xjb-xq" v-if="diDuanPeiTao">
			<p><i>人文教育配套</i> (1公里以内)</p>
			<p><span>小　　学:</span><b>{{diDuanPeiTao.primarySchool}}</b></p>
			<p><span>中　　学:</span><b>{{diDuanPeiTao.middleSchool}}</b></p>
			<p><span>大　　学:</span><b>{{diDuanPeiTao.university}}</b></p>
		</div>
		<div class="xjb-xq" v-if="diDuanPeiTao">
			<p><i>医疗配套</i> (1公里以内)</p>
			<p><span>医　　院:</span><b>{{diDuanPeiTao.hospital}}</b></p>
		</div>
		<div class="xjb-xq" v-if="diDuanPeiTao">
			<p><i>银行配套</i> (1公里以内)</p>
			<p><span>银　　行:</span><b>{{diDuanPeiTao.bank}}</b></p>
			<p><span>银行ATM:</span><b>{{diDuanPeiTao.bankATM}}</b></p>
		</div>
		<div class="xjb-xq" v-if="diDuanPeiTao">
			<p><i>商业配套</i> (1公里以内)</p>
			<p><span>超　　市:</span><b>{{diDuanPeiTao.supermarket}}</b></p>
			<p><span>餐　　厅:</span><b>{{diDuanPeiTao.restaurant}}</b></p>
			<p><span>酒　　店:</span><b>{{diDuanPeiTao.hotel}}</b></p>
		</div>
		<div class="xjb-xq" v-if="diDuanPeiTao">
			<p><i>外边景观</i> (1公里以内)</p>
			<p><span>公　　园:</span><b>{{diDuanPeiTao.park}}</b></p>
			<p><span>水　　系:</span><b>{{diDuanPeiTao.riverSystem}}</b></p>
			<p><span>广　　场:</span><b>{{diDuanPeiTao.square}}</b></p>
		</div>
		<div class="xjb-xq" v-if="!diDuanPeiTao">暂无数据</div>
	</div>
</template>

<script>
	export default {
        props: {
        	diDuanPeiTao:Object
        },
        data () {
            return {
            }
        },
        methods: {
        }
    }
</script>

<style scoped>
	.xjb-xq p i {
		font-style: normal;
		color: #0186C2;
	}
</style>